<!--语义化：定义页面，-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--    title表示浏览器的标题-->
    <!--    爬虫，优化，记忆-->
    <title>万息餐饮网站首页</title>
    <!--    公司的logo-->
    <!--    注释：html的注释,快捷键  ctrl+/-->
    <link rel="icon" href="../img/11_bo39.jpg" type="img/x-ico">
    <style>

    </style>
    <link rel="stylesheet" href="../css/home.css">
</head>
<!--用户看到的内容，都写在body里面-->
<!-- 以<></>表示的叫做标签，也可以叫做元素，容器，对象-->
<!--不要把所有东西直接放入body里面，应该对body进行分区-->
<!--我们主要是用div进行分区-->
<body>
<!--通过不同的标记来判断不同的人？-->
<!--怎么区分不同的div？也可以对不同的div设定标记：属性-->
<!--要通过不同的属性，并得到当前的div，就是为了重塑它，设定样式(设置颜色，字体，大小等)-->
<!--class叫做属性名称  you叫做属性名称对应的值-->
<div class="you">aa</div>
<div class="me">22</div>
<div class="lily" id="lily" mylily="a">
    <div>g1</div>
    <div class="two single-over">g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发</div>
    <div class="many-over-two">g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发</div>
</div>
<div class="lily" id="lucy" mylucy="a" title="lucy">
    <div class="font-red ">h1</div>
    <div class="font-red two">h2</div>
    <div class="many-over-four">g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发g2fasdfasdf范德萨打发手动阀手动阀手动阀发撒打发</div>
</div>
<!--<div>-->
<!--    <a href="https://www.baidu.com/">网站首页</a>-->
<!--</div>-->
<div onclick="window.location.href='https://www.baidu.com'">百度首页</div>
<div>
<!--    ..表示向上一层，/ 表示在平级当中选择 img 表示选择某个文件夹 /-->
<!--    以/开头的就是绝对路径，其他都是相对路径-->
    <img src="../img/12_38ve.jpg" alt="">
    <img class="img-two" src="/img/12_38ve.jpg" alt="">
    <img src="/img/12_38ve.jpg" alt="">

</div>
<div class="banner"></div>
<div class="doufu"></div>
<div class="test">
    <div class="single-over">撒旦发生肯定会发觉</div>
</div>
</body>
</html>